<template>
  <view class="content">
    <je-icon class="icon" size="50" icon="fal fa-circle-xmark" />
    <view>{{ store.appErrorMessage }}</view>
  </view>
</template>
<script>
  import { useGlobalStore } from '@/service/store/global-store';
  export default {
    setup() {
      return { store: useGlobalStore() };
    },
  };
</script>
<style lang="scss">
  .content {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 20%;
    color: $je-text-color;
    .icon {
      color: $je-error-color;
      margin-bottom: 20px;
    }
  }
</style>
